<%-- 
    Document   : N950
    Created on : Oct 24, 2012, 4:07:06 PM
    Author     : Nguyen Hung
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <script type="text/javascript">
            var open_cur = 0;
            $j = jQuery.noConflict();
        
            $j(document).ready(function(){  
            $j('input#dateStart').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
            $j('input#dateStart1').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
             $j('input#dateEnd1').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
            
            });
        </script>
        <style>
            .message{
                color: red;
                float: left;
                text-align: center;
                margin-top: 16px;
                font-weight:bold; 
            }
        </style>
    </head>
    <body>
        <f:view>
            <a4j:form>
                <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
                <div style="float:left; width:50%;">
                    <div class="fields_input">
                        <label class="lbl_checkbox"><h:outputText value="#{locale.identification}"/>*:</label>
                        <h:selectBooleanCheckbox value="#{n350Controller.nn355c}"  styleClass="checkCmnd" />

                    </div>
                    <div class="fields_input">
                        <label><h:outputText value="#{locale.number}"/>*:</label>
                        <h:inputText value="#{n350Controller.nv351c}" id="cmnd" style="text-align:right;" styleClass="cmnd required number cmnd">

                        </h:inputText>

                    </div>
                    <div class="fields_input fixdate">
                        <label><h:outputText value="#{locale.date_of_issue}"/>:</label>
                        <input value="<h:outputText value="#{n350Controller.nd352c}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>" type="text" id="dateStart" name="dateStart" class="input_fields date" />


                        </div>
                        <div class="fields_input">
                            <label><h:outputText value="Nơi cấp"/>:</label>
                        <h:inputText value="#{n350Controller.nv354c}" styleClass="place_of_issue" />
                    </div>

                </div>
                <div style="float:left; width:50%; border-left: 1px;">

                    <div class="fields_input">
                        <label class="lbl_checkbox"><h:outputText value="#{locale.passport}"/>*:</label>
                        <h:selectBooleanCheckbox value="#{n350Controller.nn355p}"  styleClass="checkPassport"/>
                    </div>
                    <div class="fields_input">
                        <label><h:outputText value="#{locale.number}"/>*:</label>
                        <h:inputText value="#{n350Controller.nv351p}" id="passport" style="text-align:right;"  styleClass="passport required maxlength number" lang="16" >

                        </h:inputText>

                    </div>
                    <div class="fields_input fixdate">
                        <label><h:outputText value="#{locale.date_of_issue}"/>:</label>
                        <input  value="<h:outputText value="#{n350Controller.nd352p}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>" type="text" id="dateStart1" name="dateStart1" class="dateStart1 input_fields date"  />


                        </div>
                        <div class="fields_input fixdate">
                            <label><h:outputText value="#{locale.closing_date}"/>:</label>
                        <input value="<h:outputText value="#{n350Controller.nd353p}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>" type="text" id="dateEnd1" name="dateEnd1" class="dateEnd1 input_fields date" />

                        </div>
                        <div class="fields_input">
                            <label><h:outputText value="Nơi cấp"/>:</label>
                        <h:inputText value="#{n350Controller.nv354p}" styleClass="place_of_issue1" />
                    </div>
                </div>
                <h:panelGroup id="gttt">
                    <div class="popup-footer" style="height:40px;">
                        <h:outputText value="#{n350Controller.messageform}" id="mesage4" styleClass="message"/>
                        <h:inputHidden value="#{n350Controller.pagereload}" id="pagereload"/>
                        <h:inputHidden value="#{n350Controller.fn100}" id="fn100"/>
                        <h:inputHidden value="#{n350Controller.pn350}" id="pn350"/>
                        <h:inputHidden value="#{n350Controller.pn350c}" id="pn350c"/>
                        <h:inputHidden value="#{n350Controller.pn350p}" id="pn350p"/>
                        <h:inputHidden value="#{n350Controller.flagedit}" id="flagedit"/>
                        <h:inputHidden value="#{n350Controller.table1}" id="table1"/>
                        <a4j:commandButton  value='#{locale.save}' actionListener="#{n350Controller.saveN350}"
                                            onclick=" showPleaseWait();"
                                            oncomplete="hidePleaseWait();" style="margin-right:55px;"
                                            styleClass="buttonsave"  reRender="mesage4">
                            <f:param name="action" value="saveN350" />
                            <f:param name="page" value="" />
                        </a4j:commandButton>
                    </div>
                </h:panelGroup>
            </a4j:form>
        </f:view>


    </body>
</html>
